<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/v2/console/common/taglibs.jsp"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<link rel="stylesheet" type="text/css" href="${path}/v2/site/css/idangerous.swiper.css"/>
		<link rel="stylesheet" href="${path}/v2/site/css/style.css">
		<script src="${path}/v2/console/js/jquery-1.9.1.min.js"></script>
		<title>报名</title>
	</head>
	<body>
		<div class="header">
			<div class="top-bar">
				<a class="top-bar-item-first">中国电子商务协会<br />中国扶贫产业联盟</a>
				<a>
					<img src="${path}/v2/site/img/logo_01.png" />
					中国扶贫开发服务有限公司
				</a>
				<a>
					<img src="${path}/v2/site/img/logo_02.png" />
					人民网舆情监测室
				</a>
			</div><!--上部合作单位-->
			<div class="navBox">
				<div class="nav">
					<a class="nav-item-first" href="${path}/HelProver/HelProverList.html">大赛首页 </a>
					<a class="active" href="${path}/HelProver/enrolList.html">大赛报名 </a>
					<a href="${path}/HelProver/surveyList.html">大赛概况 </a>
					<a href="${path}/HelProver/trendsList.html">大赛动态 </a>
					<a href="${path}/HelProver/rankingList.html">比赛排名 </a>
				</div>
				<!-- <div class="search-input">
					<span class="search-icon"></span>
					<input type="text" placeholder="搜索大赛相关信息、获奖名单" />
				</div> -->
			</div><!--导航-->
		</div><!--头部-->
		
		<div class="swiper-container">
		    <div class="swiper-wrapper">
		        <%-- <div class="swiper-slide">
		        	<a href="#"><img src="${path}/v2/site/img/banner_01.jpg"></a>
		        </div>
		        <div class="swiper-slide">
		        	<a href="#"><img src="${path}/v2/site/img/banner_02.jpg"></a>
		        </div> --%>
		        
		         <c:forEach var="map" items="${carouseList}">
		        	<div class="swiper-slide">
		        		<a href="${map.link}"><img src=${map.url}></a>
		       		</div>
		        </c:forEach>
		    </div>
		    <!--分页器 -->
		    <div class="swiper-pagination"></div>
		</div><!--焦点图-->
		
		<div class="main">
			<div class="enrol-download">
				<c:forEach var="map" items="${coentenlist}" >
					<c:if test="${map.NumOrder==5}">
						<button class="download-btn"><a target="_blank" href="Http://${map.outUrl}">下载excel</a></button>
						<p>${map.content}</p>
					</c:if>
				</c:forEach>
			</div>
			
			<div class="section sec-area">
				<div class="trangle"></div>
				<h1>全国赛区</h1>
				<div class="area-list">
					<a href="#">
						<img src="${path}/v2/site/img/area_img_01.jpg">
						<p>立即报名</p>
					</a>
					<a href="#">
						<img src="${path}/v2/site/img/area_img_02.jpg">
						<p>立即报名</p>
					</a>
					<a href="#">
						<img src="${path}/v2/site/img/area_img_03.jpg">
						<p>立即报名</p>
					</a>
					<a href="#">
						<img src="${path}/v2/site/img/area_img_04.jpg">
						<p>立即报名</p>
					</a>
					<a href="#">
						<img src="${path}/v2/site/img/area_img_05.jpg">
						<p>立即报名</p>
					</a>
					<a href="#">
						<img src="${path}/v2/site/img/area_img_06.jpg">
						<p>立即报名</p>
					</a>
				</div>
			</div>
			<div class="section sec-partner">
				<div class="trangle"></div>
				<h1>合作单位</h1>
				<%-- <div class="part-list">
					<a href="#"><img src="${path}/v2/site/img/partner_logo.png"></a>
					<a href="#"><img src="${path}/v2/site/img/partner_logo.png"></a>
					<a href="#"><img src="${path}/v2/site/img/partner_logo.png"></a>
					<a href="#"><img src="${path}/v2/site/img/partner_logo.png"></a>
					<a href="#"><img src="${path}/v2/site/img/partner_logo.png"></a>
					<a href="#"><img src="${path}/v2/site/img/partner_logo.png"></a>
					<a href="#"><img src="${path}/v2/site/img/partner_logo.png"></a>
					<a href="#"><img src="${path}/v2/site/img/partner_logo.png"></a>
					<a href="#"><img src="${path}/v2/site/img/partner_logo.png"></a>
					<a href="#"><img src="${path}/v2/site/img/partner_logo.png"></a>
					<a href="#"><img src="${path}/v2/site/img/partner_logo.png"></a>
					<a href="#"><img src="${path}/v2/site/img/partner_logo.png"></a>
					<a href="#"><img src="${path}/v2/site/img/partner_logo.png"></a>
					<a href="#"><img src="${path}/v2/site/img/partner_logo.png"></a>
					<a href="#"><img src="${path}/v2/site/img/partner_logo.png"></a>
				</div> --%>
				
				<c:forEach var="map" items="${operateList}"><!-- 合作单位-->
			        	<c:if test="${map.columtype==2}">
			        	  ${map.content}
			        	</c:if>
			        </c:forEach>
			</div>
			
			<div class="ad-location">
				<p>你要的公司广告位（之后的子页面一样可以添加）</p>
			</div>
			
		</div><!--主体内容-->
		
		<div class="footer">
			<div class="firm-info">
				<p><span>大赛官方联系：010-57032762</span><span>大赛QQ群：436016998</span><span>大赛官方邮箱：cww@xiaoka360.com</span></p>
				<p><span>大赛组织单位地址：北京市海淀区北三环西路25号京仪孵化园27号楼3层</span><span>官方网址：http://XXXXXXXXXXXXXXXX</span></p>
				<p class="copyright">版权所有 © 2016 “长安双创杯”北京市创新创业大赛暨阿里云Find校园合伙人创业大赛陕西赛区组委会</p>
			</div>
		</div><!--底部-->
		
	</body>
	<script src="${path}/v2/site/js/idangerous.swiper.min.js"></script>
	<script>
		$(function(){
			$(".nav :last-child").css("margin-right",0);
			var wid = $(".nav").outerWidth(true);
			$(".nav").css({"margin-left":-wid/2,"position":"relative","left":"50%"});
			var mySwiper = new Swiper('.swiper-container',{
			    loop: true,
			    autoplay:3000,
			    pagination: '.swiper-pagination',
			    paginationClickable:true
		 	});
		});
	</script>
</html>
